/**
 * Copyright 2023 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@use '@angular/material' as mat;

// Angular Material theme file.
// See https://material.angular.io/guide/theming for more details.

// Include non-theme styles for core.
@include mat.core();

$primary: mat.m2-define-palette(mat.$m2-indigo-palette);
$accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
$warn: mat.m2-define-palette(mat.$m2-red-palette);

$theme: mat.m2-define-light-theme(
  (
    typography: mat.m2-define-typography-config(),
    density: 0,
    color: (
      primary: $primary,
      accent: $accent,
      warn: $warn,
    ),
  )
);

html {
  // Include theme styles for "core" features like ripples and elevation.
  @include mat.core-theme($theme);

  // Include theme styles for each component used in the application.
  @include mat.button-theme($theme);
  @include mat.fab-theme($theme);
  @include mat.icon-theme($theme);
  @include mat.form-field-theme($theme);
  @include mat.input-theme($theme);
  @include mat.sidenav-theme($theme);
  @include mat.expansion-theme($theme);
  @include mat.list-theme($theme);
}
